@charset "utf-8";

/* CSS Document */

/*banner*/

.www51buycom {

	width: 1920px;

	height: 300px;

	position: relative;

	overflow: hidden;

	margin-left: 50%;

	left: -960px;

	top: 0px;

}

/*数字按钮样式*/

.www51buycom .num {

	overflow: hidden;

	height: 25px;

	position: absolute;

	bottom: 12px;

	zoom: 1;

	z-index: 3;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

}

.www51buycom .num li {

	width: 15px;

	height: 15px;

	line-height: 25px;

	text-align: center;

	font-weight: 400;

	font-family: "微软雅黑", Arial;

	color: #FFFFFF;

	background: #fff;

	margin-right: 10px;

	border-radius: 50%;

	cursor: pointer;

	float: left;

	font-size: 0px;

}

.www51buycom .num li.on {

	background: rgba(255,255,255,0.7);

} /*当前项*/

/*上一个  下一个*/

.www51buycom .prev, .www51buycom .next {

	display: none;

	width: 40px;

	height: 100px;

	background: url(../images/btn.png) no-repeat;

	position: absolute;

	top: 180px;

}

.www51buycom .prev {

	left: 50%;

	margin-left: -635px;

}

.www51buycom .next {

	right: 50%;

	margin-right: -635px;

	background-position: right

}

/*banner end*/

/*search*/

#search {

	width: 100%;

	height: 58px;

}

.search {

	width: 1180px;

	padding: 0;

	margin: 0 auto;

	height: 58px;

	position: relative;

}

.search_left {

	width: 833px;

	line-height: 58px;

	float: left;

	color: #333;

	position: absolute;

	left: 0;

}

.search_left img {

	margin-right: 10px;

}

.search_left a {

	color: #666;

	margin: 0 6px;

}

.search_right {

	width: 374px;

	float: right;

	margin-top: 12.5px;  position:relative;

}

.searchbar {

    width: 339px;

    line-height: 29px; height:29px;

    outline: none;

    padding-left: 20px;

    border: 1px solid #0659B6;

    float: left;

    background: none;

    border-radius: 15px;

}

.searchbtn {

	width: 21px;

	height: 21px;

	border: 0;

	outline: none;

	cursor: pointer; background:url(../images/search.png) center no-repeat; position:absolute;     right: 27px;

    top: 5px;

}

/*search end*/


/*product1*/


.product1_left {

	width: 207px; border:2px solid #054893; border-bottom:8px solid #054893;

	

	float: left; height:925px;

}

.cpzxtt1 {

    height:56px; background:#054893; padding-left:27px; line-height:56px;

}

.cpzxtt1 a{font-size:18px; color:#fff; font-weight:600;}

.cpzxtt1 a span{ color:#fff;text-align:center;font-weight:100; font-size:14px; margin-left:13px;}


.fenlei1{ height:500px; line-height:35px; padding-bottom: 6px; background:#0659b6; padding-top: 31px;}



.fenlei1>ul>li { width:166px;

    height: 33px;

    line-height: 35px;

    border: 1px solid #3789e4;

    margin: 0 20px; position:relative; margin-bottom:6px;

}

.fenlei1>ul>li a{ color:#fff; padding-left:10px;}

.fenlei1>ul>li::after{ content:url(../images/icon.png); position:absolute; right:10px;}

.fenlei1>ul>li>a:hover{ color:#fff;}

.product1_right {

    width: 958px;

    float: right;

}


.product1_right h4 {

    font-size: 18px;

    width: 958px;

    height: 41px;

    line-height: 41px;

    border: 1px solid #bbb;

    margin-bottom: 10px;

}

.product1_right>h4>ul>li.selected1 {

    color: #fff;

    background-color: #0659B6;

}



/*product1 end*/



/*product*/

#product{ width:100%; height:auto; overflow-x:hidden; margin-top:5px;}

.product{ width:1180px; height:930px; padding:0; margin:0 auto;}

.juedui_more{position: absolute;

    right: 0;

    top: 68px;

}



.product_left {

	width: 207px; border:2px solid #054893; border-bottom:8px solid #054893;

	

	float: left; height:880px;

}

.cpzxtt {

    height:56px; background:#054893; padding-left:27px; line-height:56px;

}

.cpzxtt a{font-size:18px; color:#fff; font-weight:600;}

.cpzxtt a span{ color:#fff;text-align:center;font-weight:100; font-size:14px; margin-left:13px;}

.fenlei{ height:790px; line-height:35px; padding-bottom: 6px; background:#0659b6; padding-top: 31px;}


.fenlei>ul>li { width:166px;

    height: 35px;

    line-height: 35px;

    border: 1px solid #3789e4;

    margin: 0 20px; position:relative; margin-bottom:10px;

}

.fenlei>ul>li a{ color:#fff; padding-left:10px;}

.fenlei>ul>li::after{ content:url(../images/icon.png); position:absolute; right:10px;}

.fenlei>ul>li>a:hover{ color:#fff;}

.lxwm{ text-align:center;}

.lxwm img{ width:159px; height:159px; border:1px solid #0659b6; margin-top:18px; margin-bottom:10px;}

.lxwm p{ text-align:left; line-height:24px; margin-left:23px;}

.product_right {

    width: 958px;

    float: right;

}




.r_more{ float:right;}

.product_right h4 {

    font-size: 18px;

    width: 958px;

    height: 41px;

    line-height: 41px;

    border: 1px solid #bbb;

    margin-bottom: 10px;

}

.product_right>h4>ul>li.selected {

    color: #fff;

    background-color: #0659B6;

}



.tab_menu li {

    font-size: 16px;

    color: #333;

    width: 128px;

    height: 41px;

    line-height: 41px;

    text-align: center; cursor:pointer;

    float: left;

    font-weight: 500;

}

.r_more{ font-size:13px; font-weight:100; color:#666; margin-right: 10px;}

.tab_box .hide{ display:none;}

.product_show { width:1000px;

}

.ckxq{ width:101px; height:30px; line-height:30px; background:url(../images/btn_lan.png) no-repeat; display:inline-block;}

.ckxq a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}

.ljzx{ width:101px; height:30px; line-height:30px; background:url(../images/btn_hong.png) no-repeat; display:inline-block;}

.ljzx a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}

.product_show li {

    width: 225px;

    float: left;

    margin-right: 20px;

}



.product_show li:hover .product_img img{ width:101%; height:101%; }

.product_show li:hover .product_img{border: 1px solid #0659b6;}



.product_img {

   width:217px; height:164px; padding:4px;

    border: 1px solid #eee;

}

.product_img a{ display:block;

   width:217px; height:166px;

    overflow:hidden;

}

.product_img img{   width:217px; height:164px;  transition:all ease 300ms;}



/*product end*/

.title{ color:#0659b6; font-size:30px; font-weight:600; text-align:center;}

.title p{ color:#666; font-size:18px; font-weight:100; margin:10px;}

/*pk*/

#pk{ width:100%; background:url(../images/pk_bg.jpg) top center no-repeat; height:755px;}

.pk{ width:1180px; margin:0 auto; padding-top: 22px; }

li.pk_l {

    left: 21px;

    top: 52px;

}

li.pk_r { 

    right: 27px;

    top: 118px;

}

li.pk_r h5{text-align:right !important;}

li.pk_r p{text-align:right !important;}

.slideTxtBox {

    height: 543px;

}

.slideTxtBox .bd{ position:relative;}

.slideTxtBox .bd ul img{ position:absolute; z-index:1;}

.slideTxtBox .bd ul li{ position:absolute; z-index:999;width:239px; height:158px; overflow:hidden; text-align:left;}

.slideTxtBox .bd ul li h5{ font-weight:600; text-align:left; font-size:18px; color:#fff;}

.slideTxtBox .bd ul li p{ font-size:14px; color:#fff; }

.pk_l{}

.slideTxtBox .hd {

    position: relative;

    text-align: center;

    margin-bottom: 34px;

    margin-top: 32px;

}

.slideTxtBox .hd ul{  display:inline-block; margin:0 auto;   }

.slideTxtBox .hd ul li{ float:left; padding:0 42px; cursor:pointer;width:130px; height:150px; background:url(../images/pk_lan.png) center no-repeat; text-align:center;  }

.slideTxtBox .hd ul li.on{ background:url(../images/pk_huang.png) center no-repeat;}

.pk_icon1{  }

.slideTxtBox .hd ul li img{ margin-top:30px;}

.slideTxtBox .bd ul{  zoom:1;  }

.slideTxtBox .bd li{ height:24px; line-height:24px;   }

.slideTxtBox .bd li .date{ float:right; color:#999;  }

.pk_tantou {

    display: inline-block;

    margin-left: 432px;

}

.pk_tantou span{ color:#333; font-size:30px; font-weight:600; float:left; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; margin:0 20px; margin-left:40px;}

.pk_tantou .btn{ width:110px; height:35px; background:#fc8f1a; border-radius:18px; text-align:center; float:left; }

.pk_tantou .btn a{ color:#fff; font-size:16px; line-height:35px; }

/*pk end*/

/*reason*/

.title2 {

    width: 1180px;
    height: 146px;
    margin: 0 auto;
    text-align: center;
    background: url(../images/ys_tt.png) center no-repeat;
    left: -59px;
    position: relative;
    z-index: 3;



}

h3.title2 a {

	display: block;	width: 1180px;

	height: 161px;

}



#reason {

    width: 100%;

    background: url(../images/ys_bg.jpg) center top no-repeat;

    height: 1362px;



    position: relative;overflow:hidden;



}

.reason {

	width: 1180px;

	margin: 0 auto;



	position: relative;

	

	margin-top: 40px;

}

.reason ul { width:512px; margin-left:712px; margin-top:75px;}

.reason ul li {

	width: 605px; position:absolute;

}

.reason ul li h5 {

    font-size: 30px;

    color: #333;

    text-align: left;

    font-weight: 100;

    margin-bottom: 14px;

    line-height: 65px;

}



.reason ul li p{ font-size:14px; line-height:24px; margin-bottom:10px;}

.ys1 { left:0;



}

.ys2 { right:0; top:400px;

}

.ys3 {



    top: 955px;



    width: 475px !important;



    right: 328px;



}

.ys3 h5{ text-align:center;}



/*reason end*/

font{ font-style:normal; color:#0659B5;}



/*case*/

#case{ width:100%;  height:686px; background:url(../images/case_bg.jpg) center no-repeat;}

.case {

    width: 1180px;

    margin: 0 auto;

       padding-top: 58px; 

}

.title.t2 a{ color:#fc8f1a;} 

.title.t2 a p{ color:#fff; font-size:18px; line-height:37px;}

.case ul li {

    float: left;

    margin-left: 18px;

    position: relative;

    width: 285px;

    height: 218px;

    overflow: hidden;

    margin-bottom: 15px;

}

.case1{ width:574px; height:451px;overflow:hidden; position:relative;}

.case1 a {

    display: block;

  width:574px; height:451px;

    overflow: hidden;

}

.case1 img{ width:574px; height:451px; transition:all ease 300ms;}

.case img:hover{ width:101%; height:101%;}

.case1 h5 {

    height: 46px;

    background-color: rgba(0,0,0,.8);

    position: absolute;

    bottom: 0;

}

.case1 h5 a{ color:#ddd; line-height:46px;}



.case .img{ display:block; width:285px; height:218px; overflow:hidden; transition:all ease 300ms; }



.case .img img{  width:285px; height:218px; transition:all ease 300ms; }

.case2{ width:606px; height:475px;}

.case2 h5 {

    background-color: rgba(0,0,0,.8);

    position: absolute;

    bottom: 0px;

    left: 0;

    width: 100%;height:37px;

}

.case2 h5 a{ display:block; line-height:37px;}

.case ul li:hover>h5{bottom:0;}

.case2 h5 a{ color:#ddd;}

/*case end*/

/*liuchen*/

.liuchen{ width:1180px; height:443px; background:url(../images/liucheng_bg.jpg) center no-repeat; margin:0 auto; position: relative;}

.liuchen .title {

    padding-top: 50px;

}

.liuchen ul {

    width: 1300px; position:absolute;

    top: 148px;

}

.liuchen ul li {

    float: left;

    margin: 21px;

    width: 110px;

    font-size: 18px; color:#fff;

}

.lc1{ margin-top:132px !important;}

.liuchen .pk_tantou{ margin-top:248px;}

.liuchen .pk_tantou .btn{ width:140px;}

/*liuchen end*/

/*banner1*/

#banner1 {

	width: 100%;

	height: auto;

	background: url(../images/banner01.jpg) no-repeat 50%;

	margin: 0 auto;

}

.banner1 {

	width: 1180px;

	height: 300px;

	padding-top: 1px;

	position: relative;

	padding: 0;

	margin: 0 auto;

}

.tantou1 {

    float: right;

    text-align: left;

    margin-top: 209px;

    margin-right: 111px;

}

.tantou1 {

    display: inline-block;

    margin-left: 432px;

}

.tantou1 span{ color:#fff; font-size:30px; float:left;  margin:0 20px; margin-left:40px;}

.tantou1 .btn{ width:160px; height:32px; background:#fc8f1a; border-radius:18px; text-align:center; float:left; }

.tantou1 .btn a{ color:#fff; font-size:16px; line-height:32px; }

.btn1:hover {

	background: #1FB53B;

}

.ad_bg {

	width: 1324px;

	height: 58px;

	position: relative;

	margin-left: 50%;

	left: -662px;

}

/*banner1 end*/

/*banner2*/

#banner2 {

	width: 100%;

	height: 248px; overflow:hidden;

	background: url(../images/banner02.jpg) no-repeat 50%;

	margin: 0 auto;

}

.banner2 {

	width: 1180px;

	height: 248px;

	padding-top: 1px;

	position: relative;

	padding: 0;

	margin: 0 auto;

}

.banner2 .pk_tantou {

    margin-top: 160px;

    margin-left: 367px;

}

.banner2 .pk_tantou span{ color:#fff;}

.banner2 .pk_tantou .btn{ width:160px;  }

.tantou1 .btn a{ color:#fff; font-size:16px; line-height:32px; }

/*banner2 end*/

/*banner3*/

#banner3 {

	width: 100%;

	height: 248px; overflow:hidden;

	background: url(../images/banner03.jpg) no-repeat 50%;

	margin: 0 auto;

}

.banner3 {

	width: 1180px;

	height: 2568px;

	padding-top: 1px;

	position: relative;

	padding: 0;

	margin: 0 auto;

}

.banner3 .pk_tantou {

    margin-top: 160px;

    margin-left:0px;

}

.banner3 .pk_tantou span {

    color: #fff;

    margin-left: 0;

}

.banner3 .pk_tantou .btn{ width:160px;  }

.tantou1 .btn a{ color:#fff; font-size:16px; line-height:32px; }

/*banner1 end*/



/*client*/

#client {

	width: 100%;

	padding-top: 1px;

	height: 611px;

}

.client .title {

	background:url(../images/client_tt.jpg) top center no-repeat;

	margin-top: 7px;

}

.client {

	width: 1180px;

	margin: 0 auto;

	padding-top: 50px;

}

.client ul {

    width: 1300px;

    margin-top: 87px;

}

.client ul li {

    width: 281px;

    height: 340px;

    float: left;

    margin-right: 16px;

    margin-bottom: 22px;

    background: #f2f3f7; border:1px solid #8a8a8a;

}

.client ul li:hover{ background:#0659b6;}

.client ul li:hover a{ color:#fff !important;}

.client ul li:hover p{ color:#fff !important;}

.client_img {

    float: left;

    width: 254px;

    height: 181px;

    border: 4px solid #fff;

    overflow: hidden;

    transition: all ease 500ms;

    margin-top: -62px;

    margin-left: 9px;

}

.client_img img {

	width: 254px;

	height: 181px; 

}

.client_img:hover {

}

.client_text {

	float: left;

	width: 224px;

	height: 90px;

	margin-left: 20px;

	margin-top: 18px; position:relative;

}

.client_text h5 {

    font-weight: 600;

    margin-bottom: 24px;

    line-height: 30px;

    text-align: left;

}

.client_text::after {

    content: url(../images/case_fg.png);

    position: absolute;

    left: -20px;

    top: 20px;

}

.client ul li:hover .client_text::after{  content: url(../images/case_fg2.png);}

.client_text h5 a {

	color: #333;

}

.client_text h5 a:hover {

	color: #0753a4;

}

.client_text p { 

	color: #666;

	line-height: 24px;

	height: 96px;

	overflow: hidden;

	margin-bottom: 10px;

	font-size: 14px;

}

.more_r {

	float: right;

}

.more_bg {

	width: 92px;

	height: 32px;

	background: #0753a4;

	margin: 0 auto;

	margin-top: 16px;



}

.more_bg a {

	display: block;

	line-height: 32px;

	text-align: center;

	font-size: 14px;

	color: #fff;

}

.more_bg:hover {

	background: #323640;

}

/*client end*//*about*/

/*about*/

#about{ width:100%; background:#0659b6; height:371px;}

.about {

    width: 1180px;

    height: auto;

    padding: 0;

    margin: 0 auto;

    padding-top: 58px;

}

.about ul li {

    height: auto;

    float: left;

    text-align: center;

}

.about1{ }

.about2 {

    padding: 21px 65px;

    border: 7px #00438f solid;

    height: 182px;

}

.about_img{ width:359px; height:252px; overflow:hidden; margin-right:36px;}

.about_img img{ width:100%; height:100%;}

.about_t {

    width: 343px;

    height: 225px;

    overflow: hidden;

    margin-top: 20px; color:#fff; padding-right:33px; border-right: 1px solid #1C7CE8;

}

.about_t b{ font-size:48px; font-family:Impact; color:#f58813;}

.about_t h4{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.about_t h4 a{ font-size:24px; color:#fff; font-weight:100; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.about_t span{  height:150px; overflow:hidden; display:block; line-height:24px; margin-top:20px;}

.ckxq{ margin-top:15px;}

.ckxq a{ font-size:13px; color:#757575;}

.ckxq a:hover{ text-decoration:underline;}



/*荣誉资质*/

.gd_03{ position:relative; width:234px; height:154px; float:right;}

.gd_03 em{

	position: absolute;

	top: 150px;

}

.gd_03 .t_l {

    left: -55px;

    top: 66px;

}

.gd_03 .t_r{

	right: -55px;

	top: 66px;

}

div#simgs03 {

    width: 234px !important;

}

.gd_03 #simgs02{ margin:0;}

.gd_03 li{ float:left; width:234px; text-align:center;}

.gd_03 li.last{ padding-right:0;}

.gd_03 li img{ display:block; width:234px; height:154px; margin-bottom:19px;}

.gd_03 li a{ color:#000000;}

.gd_03 .fl { float:left;}

.gd_03 .fr { float:right;}

.gd_03 .pa{ position:absolute;}

.gd_03 .pr{ position:relative}



/*荣誉资质 end*/



/*about end*/

/*news*/

#m03 {

    width: 100%;

    height: 580px; 

}



.m03{ width:1180px; height:500px; padding:0; margin:0 auto;padding-top: 55px;}



.m_title {

    margin-bottom: 0px;

    color: #fff;

    height: 37px;

    line-height: 37px;

    font-size: 16px;

    padding-right: 20px;

    font-weight: 600;

    border-bottom: 1px solid #0659B6;

}

.xwdt {



    width: 815px;



    height: 383px;



}

.cjwt .m_title { background:#d9d9d9; }

.cjwt .m_title a{ color:#0659b5; font-size:16px;}

.cjwt_box {



    padding: 20px;



}

.news_box { padding:10px 0;}

.news_img{ width:224px; height:156px; overflow:hidden; position:relative;}



.news_img a{ display:block;}



.news_img a img{ width:224px; height:156px; }



.news_menu>li {

    float: left;

    width: 100px;

    text-align: center;

}



.news_menu>.selected {

    border-bottom: 3px solid #0659b5;

}

.news_menu>.selected a {



    color:#0659B5;



}



.tab3_box>.r_more {



    position: relative;



    left: 20px;



    top: 17px;



}



.cjwt_box>.r_more {



    position: relative;



    left: 20px;



    top: 16px;



}



.new2{ margin-top:25px;}



.new2 ul li a {



    height: 32px;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    line-height: 32px;



    display: block; float:left; 



}.new1 {



	margin-top: 9px;



}



.new1_left { border:1px solid #bbb; background:#fff; height:165px;



	overflow: hidden;



	float: left;



}



.new1_left img {

width:224px; height:156px; margin:4px;



}



.new1_right {

    width: 524px;

    height: 161px;

    float: right;

    padding-top: 5px;

    margin-right: 30px;

}



.new1_right h6 {



	font-size: 14px;



	line-height: 40px;



}



.new1_right p {



	line-height: 24px; height:96px; overflow:hidden; color:#666; font-size:12px;



}



.more_p a:hover {

    color: #0659B5;

}

.new1_right small {



	margin-top: 10px;



	display: block;



}



.new1_right small a {



    color:#0659B5;



    text-decoration: underline;



}



.line {



	width: 657px;



	height: 12px;



	border-bottom: 1px solid #DCDCDC;



}



.new2 {



	margin-top: 2px;



}

.new2 ul{ width:820px;}

.new2 ul li {

    width: 381px;

    height: 32px;

    float: left;

    margin-right: 29px;

    border-bottom: 1px dashed #bbb;

    position: relative;

    overflow: hidden;

}

.new2 ul li span {

    font-size: 12px;

    color: #999;

    float: right;

    display: inline-block;

    line-height: 40px;

}

.new2 ul li a::before {

    content: "o";

    margin-right: 3px; color:#0659B5; font-weight:600; margin-right:10px;

}



.new2 ul li a:hover { color:#0659B5;



}

.cjwt {

    width: 343px;

    height: 383px; background:#f2f3f7; border:1px solid #bbb;

}

.cjwt ul li{ width:100%; border-bottom:1px dashed #826751;}



.da {



    line-height: 24PX;

	height:72px;



    margin-bottom: 16.5px;



    padding-top: 10px;



    color: #555;



    padding-left: 23px;



	overflow:hidden; position:relative; font-size:12px;



}



.wen {



    margin-top: 15px;



}



.wen a{ font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:12px;}



.wen::before{ content:url(../images/q.png); color:#C99968; font-size:18PX; margin-right:5px; margin-top:15px;}



.da::before{ content:url(../images/a.png); color:#C99968; position:absolute; font-size:18PX; margin-left:-22px; }/************文字滚动************/



.cjwt ul{ height:300px; overflow:hidden;}

.cjwt .m_title a {

    margin-left: 20px;

}

/*news end*//************文字滚动************/

.ylbk ul {

	height: 339px;

	overflow: hidden;

	margin-top: 30px;

	margin-bottom: 30px;

}

.cjwt_c {

	border: 1px solid #bbb;

}

/*news end*/



/*links*/

#links {

	width: 100%;

	height: 81px; margin-bottom:20px;

}

.links {

    width: 1120px;

    height: 81px;

    padding: 0;

    margin: 0 auto;

    border: 1px solid #eee;

    position: relative;

    left: 30px;

}

.links b {

	font-size: 21px; width:189px;

    background:url(../images/link_bg.png) center no-repeat; color:#fff;

	float: left; font-weight:100;

	display: block;

	text-align: center; margin-left:-60px;

	line-height: 43px;  margin-top:18px;

}

.links a {

	display: inline-block;

	padding: 0 3px;

	color: #4A4A4A;

	line-height: 15px;
    font-size: 12px;

}

.links a:hover {

	color: #222;

	text-decoration: underline;

}

/*links end*/